.body{
	width: 100%;
	height: auto;
	.page1{
		width: 100%;
		height: 29.32rem;
		position: relative;
		background-image: url(../img/bg.jpg);
		img{
			position: absolute;
			height: auto;
		}
		.logo{
			width: 6.79rem;
			left: 50%;
			margin-left: -3.395rem;
			top: 0.43rem;
		}
		.title{
			width: 5.67rem;
			left: 50%;
			margin-left: -2.835rem;
			top: 1.84rem;
		}
		.text{
			width: 100%;
			left: 0;
			top: 2.88rem;
		}
		.tree{
			width: 100%;
			left: 0;
			top: 3rem;
		}
		.car{
			width: 5.12rem;
			top: 4.11rem;
			left: 0.57rem;
		}
		.title2{
			width: 6.61rem;
			left: 0.54rem;
			top: 8.81rem;
		}
		.bar1{
			width: 5.04rem;
			left: 0;
			top: 10.42rem;
		}
		.pic1{
			width: 2.75rem;
			left: 2.98rem;
			top: 10.46rem;
		}
		.yinzhang{
			width: 1.1rem;
			left: 5.07rem;
			top: 11.69rem;
		}
		.bar2{
			width: 7.02rem;
			left: 0;
			top: 12.42rem;
		}
		.pic2{
			width: 5.36rem;
			left: 1.75rem;
			top: 12.49rem;
		}
		.pic3{
			width: 2.95rem;
			left: 2.91rem;
			top: 15.55rem;
		}
		.bar3{
			width: 5.75rem;
			left: 0;
			top: 15.46rem;
		}
		.rules{
			width: 7.11rem;
			left: 0.26rem;
			top: 18.13rem;
		}
		.table{
			width: 5.79rem;
			height: 4.66rem;
			position: absolute;
			left: 50%;
			margin-left: -2.895rem;
			top: 23rem;
			background-image: url(../img/table.png);
			.name,.tel,.address{
				width: 3.6rem;
				height: 0.48rem;
				border: none;
				outline: none;
				position: absolute;
				background-color: transparent;
				left: 1.8rem;
				padding: 0rem 0.1rem;
			}
			.address{
				width: 2.2rem;
			}
			.province,.city,.store{
				outline: none;
				border: none;
				appearance:none;
				-moz-appearance:none;
				-webkit-appearance:none;
				position: absolute;
				background: transparent;
				width: 1.1rem;
				height: 0.48rem;
				font-size: 0.28rem;
			}
			.sms_btn{
				width: 1.5rem;
				height: 0.5rem;
				position: absolute;
				z-index: 2500;
				top: 1.67rem;
				right: 0.2rem;
				line-height: 0.5rem;
				font-size: 0.26rem;
				text-align: center;
				background-image: url(../img/btn_bg.png);
			}
			.name{
				top: 0.84rem;
			}
			.tel{
				width: 2.2rem;
				top: 1.66rem;
			}
			.address{
				top: 2.44rem;
			}
			.province{
				top: 3.28rem;
				width: 1.59rem;
				left: 0.4rem;
			}
			.city{
				top: 3.28rem;
				left: 2.5rem;
				width: 2.2rem;
			}
			.store{
				top: 4.1rem;
				left: 0.4rem;
				width: 4.5rem;
			}
		}
		.button{
			width: 3.74rem;
			left: 50%;
			margin-left: -1.87rem;
			bottom: 0.62rem;
		}
	}
	.page2{
		width: 100%;
		height: 13.34rem;
		position: relative;
		background-image: url(../img/bg2.jpg);
		overflow: hidden;
		img{
			position: absolute;
			height: auto;
		}
		.logo{
			width: 6.79rem;
			left: 50%;
			margin-left: -3.395rem;
			top: 0.43rem;
		}
		.title{
			width: 5.67rem;
			left: 50%;
			margin-left: -2.835rem;
			top: 1.52rem;
		}
		.text{
			width: 100%;
			left: 0;
			top: 2.59rem;
		}
		.title2{
			width: 6.61rem;
			left: 0.54rem;
			top: 3.69rem;
		}
		.tree{
			width: 100%;
			left: 0;
			bottom: -0.3rem;
		}
		.car{
			width: 3.68rem;
			bottom: 0rem;
			left: 0.57rem;
		}
		.qrcode{
			width: 4.17rem;
			left: 50%;
			margin-left: -2.085rem;
			top: 5.26rem;
		}
		.tip{
			width: 3.66rem;
			left: 50%;
			margin-left: -1.83rem;
			top: 9.48rem;
		}
	}
	.page3{
		width: 100%;
		height: 22.64rem;
		position: relative;
		background-image: url(../img/bg3.jpg);
		img{
			position: absolute;
			height: auto;
		}
		.logo{
			width: 6.79rem;
			left: 50%;
			margin-left: -3.395rem;
			top: 0.43rem;
		}
		.title{
			width: 5.67rem;
			left: 50%;
			margin-left: -2.835rem;
			top: 1.84rem;
		}
		.text{
			width: 100%;
			left: 0;
			top: 2.88rem;
		}
		.tree{
			width: 100%;
			left: 0;
			top: 3rem;
		}
		.car{
			width: 5.12rem;
			top: 4.11rem;
			left: 0.57rem;
		}
		.prize_wrap{
			width: 7.11rem;
			height: 11.45rem;
			position: absolute;
			left: 50%;
			margin-left: -3.555rem;
			background-image: url(../img/prize.png);
			top: 10rem;
			.prize_list{
				width: 5.3rem;
				height: 8.87rem;
				position: absolute;
				left: 50%;
				margin-left: -2.65rem;
				top: 1.55rem;
				.prize_item{
					width: 5.3rem;
					height: 0.4rem;
					margin-bottom: 0.01rem;
					.prize_name,.prize_tel{
						font-size: 0.24rem;
						line-height: 0.4rem;
					}
					.prize_name{
						width: 1.38rem;
						height: 100%;
						float: left;
						text-align: center;
					}
					.prize_tel{
						width: 3.45rem;
						height: 100%;
						float: right;
						text-align: center;
					}
				}
			}
		}
	}
}

// xmax
	@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
		.body{
			.page2{
				height: 100vh;
			}
		}
	}
	// xr
	 @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2){
		.body{
			.page2{
				height: 100vh;
			}
		}
	 }
	// x
	@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
		.body{
			.page2{
				height: 100vh;
				.qrcode{
					top: 6.26rem;
				}
				.tip{
					top: 10.48rem;
				}
			}
		}
	}